<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
	<title>狗屁商城  --  最大的假货商城</title>
   <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="ctx" value="<%=request.getContextPath()%>"></c:set>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="${ctx}/statics/common/vendor/bootstrap/dist/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="${ctx}/statics/common/vendor/jquery.min.js"></script>
	<link rel="stylesheet" type="text/css" href="${ctx}/statics/common/vendor/normalize.min.css"/>
		<!-- 可选 -->
		<link rel="stylesheet" href="${ctx}/statics/common/vendor/font-awesome/css/font-awesome.min.css" />
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<link rel="stylesheet" href="${ctx}/statics/common/styles/common.css" />
		<link rel="stylesheet" href="${ctx}/statics/common/styles/orderlist.css" />
<script src="${ctx}/statics/common/vendor/bootstrap/dist/js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/statics/common/styles/normalize.css" >
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/statics/common/styles/styles.css">
	<!--[if IE]>
		<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
	<![endif]-->
</head>
<body>
	<div class="cont" style=" background-image: url(${ctx }/statics/common/images/login-bg.jpg);">
	  <div class="demo">
	    <div class="login">
	      <div class="login__check"></div>
	      <div class="login__form">
	      <form id="loginForm"action="<%=request.getContextPath() %>/user/login.html" method="post">
	        <div class="login__row">
	          <svg class="login__icon name svg-icon" viewBox="0 0 20 20">
	            <path d="M0,20 a10,8 0 0,1 20,0z M10,0 a4,4 0 0,1 0,8 a4,4 0 0,1 0,-8" />
	          </svg>
	          <input type="text" name="code" autocomplete="off"class="login__input name" placeholder="Username"/>
	        </div>
	        <div class="login__row">
	          <svg class="login__icon pass svg-icon" viewBox="0 0 20 20">
	            <path d="M0,20 20,20 20,8 0,8z M10,13 10,16z M4,8 a6,8 0 0,1 12,0" />
	          </svg>
	          <input type="password" name="password" class="login__input pass" placeholder="Password"/>
	        </div>
	        <button type="button" class="login__submit">登 录</button>
	        <p class="login__signup">还没有账号? &nbsp;<a href="javascript:void(0)">立刻注册</a></p>
	        </form>
	      </div>
	    </div>
	  </div>
	</div>
	
<!-- 	<script src='js/stopExecutionOnTimeout.js?t=1'></script> -->
	<script>
	$(document).ready(function () {
	    var animating = false, submitPhase1 = 1100, submitPhase2 = 400, logoutPhase1 = 800, $login = $('.login'), $app = $('.app');
	    function ripple(elem, e) {
	        $('.ripple').remove();
	        var elTop = elem.offset().top, elLeft = elem.offset().left, x = e.pageX - elLeft, y = e.pageY - elTop;
	        var $ripple = $('<div class=\'ripple\'></div>');
	        $ripple.css({
	            top: y,
	            left: x
	        });
	        elem.append($ripple);
	    }
	    ;
	    $(document).on('click', '.login__submit', function (e) {
	        if (animating)
	            return;
	        animating = true;
	        var that = this;
	        ripple($(that), e);
	        $(that).addClass('processing');
	        $("#loginForm").submit();
	    });
	});
	</script>
</body>
</html>